<!--
 * @description: 
 * @Date: 2023-01-28 12:13:39
 * @example: 
 * @params: 
-->
<template>
  <!-- 搜索 -->
  <div class="t_header">
    <div class="t_item">
      <span>名称: </span>
      <div class="ipt">
        <el-input v-model="queryParam.name" placeholder="Please input" />
      </div>
    </div>
    <div class="t_item">
      <span>编码: </span>
      <div class="ipt">
        <el-input v-model="queryParam.code" placeholder="Please input" />
      </div>
    </div>
    <div class="t_item">
      <span>类型: </span>
      <div class="ipt spt">
        <el-select v-model="queryParam.type" clearable placeholder="">
          <el-option label="其他" :value="1" />
          <el-option label="企业" :value="2" />
        </el-select>
      </div>
    </div>
    <div class="t_item">
      <span>认证状态: </span>
      <div class="ipt spt">
        <el-select v-model="queryParam.status" clearable placeholder="">
          <el-option label="其他" :value="1" />
          <el-option label="企业" :value="2" />
        </el-select>
      </div>
    </div>
    <div class="t_item">
      <span>地区: </span>
      <div class="ipt">
        <el-select v-model="queryParam.status" clearable placeholder="Select">
          <el-option label="其他" :value="1" />
          <el-option label="企业" :value="2" />
        </el-select>
      </div>
      <div class="t_item btn">
        <el-button type="primary">查询</el-button>
        <el-button>重置</el-button>
      </div>
    </div>
  </div>
  <!-- 表格 -->
  <div class="t_body">
    <el-table
      :data="tableData"
      style="width: 100%; margin-top: 20px"
      class="spc_table"
    >
      <el-table-column prop="alias" label="名称" show-overflow-tooltip />
      <el-table-column prop="devUserId" label="编码" />
      <el-table-column prop="dbType" label="简称" />
      <el-table-column prop="devLanguage" label="联系人" />
      <el-table-column prop="sysEnv" label="联系方式" />
      <el-table-column prop="varcharStatus" label="类型"> </el-table-column>
      <el-table-column prop="varcharStatus" label="认证状态"> </el-table-column>
      <el-table-column prop="varcharStatus" label="使用状态"> </el-table-column>
      <el-table-column prop="varcharStatus" label="行业"> </el-table-column>
      <el-table-column prop="varcharStatus" label="地区"> </el-table-column>
      <el-table-column prop="varcharStatus" label="创建时间"> </el-table-column>

      <el-table-column label="操作" width="150" align="center">
        <template #default="scope">
          <div class="spc_flex">
            <span>应用上架{{ scope }}</span>
          </div>
        </template>
      </el-table-column>
    </el-table>
  </div>
  <!-- 删除组件 -->
</template>
<script lang="ts" setup>
import { ref, reactive } from "vue";
import moduleRequest from "../config/api";

const tableData = ref([]);
const queryParam = reactive({
  name: "",
  code: "",
  type: "",
  status: "",
});

moduleRequest.Testfn();
</script>
<style scoped lang="less">
.t_header {
  font-size: 15px;
  widows: 100%;
  color: #333;
  display: flex;
  .btn {
    margin-left: 20px;
  }
  .t_item {
    display: flex;
    align-items: center;
    margin-right: 20px;
    .ipt {
      margin-left: 10px;
    }
    .spt {
      width: 100px;
    }
  }
}
</style>
